<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>【陈家桥少年宫】在线报名</title>
    <link href="public/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body style="background: url('public/img/bg_800.png') no-repeat right top">
<div class="container">
    <img style="margin-top: 15px; margin-bottom: 0px" src="public/img/logo_50.png">
    <div>
    <h3><span class="label label-success">在线报名，立获50元优惠券！</span></h3>
    </div>
</div>
<div class="container" style="padding-bottom:50px; padding-top: 10px; background: url('public/img/bg_buttom.png') no-repeat center bottom">
    <form action="/apply" method="post">
        <div class="form-group">
            <label for="name">姓名</label>
            <input type="text" class="form-control input-lg" id="name" name="name" placeholder="小朋友姓名">
        </div>
        <div class="form-group">
            <label for="age">年龄</label>
            <input type="number" class="form-control input-lg" id="age" name="age" placeholder="小朋友年龄">
        </div>
        <div class="form-group">
            <label for="tel">电话</label>
        <input type="tel" class="form-control input-lg" id="tel" name="tel" placeholder="联系电话">
        </div>
        <div class="form-group">
            <label for="course">选择课程</label>
            <select class="form-control input-lg" id="course" name="course">
                <option value="舞蹈">舞蹈</option>
                <option value="古筝">古筝</option>
                <option value="跆拳道">跆拳道</option>
                <option value="演讲与主持">演讲与主持</option>
                <option value="绘画">绘画</option>
                <option value="钢琴">钢琴</option>
                <option value="小提琴">小提琴</option>
                <option value="书法">书法</option>
            </select>
        </div>
        <div class="form-group">
            <label class="radio-inline">
                <input type="radio" name="class" id="calssRadio1" value="兴趣班" checked> 兴趣班
            </label>
            <label class="radio-inline">
                <input type="radio" name="class" id="classRadio2" value="专业班"> 专业班
            </label>
            <label class="radio-inline">
                <input type="radio" name="class" id="classRadio3" value="小班"> 小班
            </label>
            <label class="radio-inline">
                <input type="radio" name="class" id="classRadio4" value="一对一"> 一对一
            </label>
        </div>
        <div class="form-group">
            <label for="message">留言</label>
            <textarea class="form-control" rows="3" id="message" name="message" placeholder="请在这里写下您的留言或宝贵建议！"></textarea>
        </div>
        <button type="submit" class="btn btn-danger btn-lg">马上报名</button>
        <h3><span class="label label-success">咨询：15002332551 13883177869</span></h3>
    </form>
</div>
</body>
</html>